html {
    width: 100%;
    height: 100%;

    body { 
        width: 100%;
        height: 100%;

        main {
            width: 100%;

            .backBtn{
                font-size: 24px;
                z-index: 6;
            }
            .tit{
                font-size: 32px;
                bottom: 30px;
                left: 10px;
                p{
                    margin-top: 10px;
                }
            }
        }
        footer {
            width: 100%;
            height: 90px;
            justify-content: space-between;
            .iconfont{
                font-size: 38px;
            }
        }
        //
        // .modal{
        //     position: fixed;
        //     top: 0;
        //     left: 0;
        //     width: 100%;
        //     height: 100%;
        //     background: rgba(51, 146, 206, 0.9);
        //     padding: 50px 30px;
        //     justify-content: space-around;
        //     display: none;
        //     .tex{
        //         margin-bottom: 99px;
        //     }
        //     .btnList{
        //         box-sizing: border-box;
        //         padding: 0 20px;
        //         div{
        //             width: 120px;
        //             height: 120px;
        //             border-radius: 60px;
                    
        //             &.continue{
        //                 background: #79f0c2;
        //                 margin-right: 40px;
        //             }
        //             &.close{
        //                 background: #ff6060;
        //             }
        //             .iconfont{
        //                 font-size: 32px;
        //                 margin-bottom: 5px;
        //             }
        //         }
              
        //     }
        //     //
        //     .show{
        //         width: 90%;
        //         height: 100px;
        //         border-radius: 10px;
        //         border: 2px solid #9dbde3;
        //         bottom: 160px;
        //         .img{
        //             width: 40%;
        //             height: 100px;
        //             img{
        //                 width: 100%;
        //             }
        //         }
        //         .texx{
        //             width: 60%;
        //             height: 100px;
        //         }
        //     }
        // }
    }
}